<template>
  <div>
      我是子组件
      <input type="text" v-model="val">

  </div>
</template>

<script>
export default {
    data(){
        return{
            tit:"我是张三",
            val:"111"
        }
    },
    beforeCreata(){
        console.log(this.val); //无法访问 data 中定义的变量
        console.log("vue 实例创建之前触发1");
    },
    created(){
        console.log(this.val); //这里一般会写一些当前页面打开就会执行的方法 比如 发起请求
        console.log("vue 实例创建成功之后触发1");
    },
    beforeMound(){
        // 视图层 页面 就是Dom 节点
        // 不建议在这之前操作节点 因为可能接待你 没有渲染完毕
        console.log("视图层编译之前触发1");
    },
    mounted(){
        // 虽然我们大多数情况 不操作真实节点 但是 有的时候也是无法避免的
        // 比如 使用 echarts 因为这插件需要传入节点 所以当你需要获取节点是 应当再当前生民周期去获取
        console.log("视图层编译之后触发1");
    },
    befourUpdate(){
        console.log("数据更新之前触发1");
    },
    update(){
        console.log("数据更新之后触发1");
    },
    befourDestroy(){
        console.log("vue 实例销毁之前触发1");
    },
    destroyed(){
        console.log("vue 实例销毁之后触发1");
    },




    methods:{
        fun(){
            // console.log(v);
            console.log("我是子组件方法",this.tit);
        }
    }
}
</script>

<style>

</style>